<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>列表|employeeList</title>
    <script th:src="@{./static/js/vue.js}"></script>
</head>
<body>
  <table border="1" cellpadding="0" cellspacing="0" style="text-align: center;" id="dataTable">
    <tr>
      <th colspan="5">EmployeeInfo</th>
    </tr>
    <tr>
      <th>id</th>
      <th>lastName</th>
      <th>gender</th>
      <th>email</th>
      <th>options(<a th:href="@{/to/add}">add</a>)</th>
    </tr>
    <tr th:each="employee : ${employeeList}">
      <td th:text="${employee.id}"></td>
      <td th:text="${employee.lastName}"></td>
      <td th:text="${employee.gender}"></td>
      <td th:text="${employee.email}"></td>
      <td>
        <a href="">delete</a>
        <a href="">update</a>
      </td>
    </tr>
  </table>
</body>
</html>